<script setup>
</script>

<template>
  <n-popover :overlap="false" width="92" placement="bottom-end" trigger="hover" :show-arrow="false">
    <template #trigger>
      <div class="w-[14px] h-[14px] hoverBox">
      </div>
    </template>

    <div class="flex flex-col items-center py-[16px]">
      <div class="mb-[10px] cursor-pointer hover:text-yellow-600">编辑</div>
      <div class="cursor-pointer hover:text-yellow-600">删除</div>
    </div>

  </n-popover>
</template>

<style  scoped>
.hoverBox {
  background-image: url(@/assets/courseDetails/dian.png);
  background-size: 100% 100%;
}

.hoverBox:hover {
  background-image: url(@/assets/courseDetails/dian2.png);
}
</style>
